<template>
  <div class="check-btn"
       :class="{'check': isChecked}" @click="clickItem">
    <img src="~/assets/img/cart/tick.svg" alt="">
  </div>
</template>

<script>
export default {
  name: "CheckButton",
  props: {
    isChecked: {
      type: Boolean,
      default: false
    }
  },
  methods:{
    clickItem(){
      this.$emit('clickItem')
    }
  }
}
</script>

<style scoped>
.check-btn {
  position: relative;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  border: 2px solid #ccc;
  cursor: pointer;
}

.check {
  background-color: #ff8198;
  border-color: #ff8198;
}
</style>
